﻿<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>总部HSE日常管理</title>
    <!-- 公共 js CSS 文件 -->
    <script src="../static/js/common.js"></script>
    <link href="../static/js/vue-treeselect/vue-treeselect.css" rel="stylesheet" />
    <script src="../static/js/vue-treeselect/vue-treeselect.js"></script>
    <script src="../static/js/Mock/Education.js"></script>

</head>

<body>
    
    <div id="app">
        
        <treeselect v-model="value" :multiple="true" :options="options" :flat="true" :disable-branch-nodes="true"
                    :show-count="true"  placeholder="请选择" />
    </div>
    <script>

        Vue.component('treeselect', VueTreeselect.Treeselect)
        var Main = new Vue({
            el: '#app',
            data: {
                // define default value
                value: null,
                // define options
                options: [],
                mydata: testTree
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
            },
            mounted: function () {
                this.options = fn(this.mydata, "0");
                console.log(this.options)
            }
        });

    </script>


</body>

</html>